    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment
        iron-positioning">
      :host {
        display: flex;
        flex-direction: column;
        height: 100%;
      }

      iron-pages {
        max-width: 70%;
        min-width: 70%;
      }

      iron-pages > * {
        background-color: white;
        box-shadow: var(--cr-card-shadow);
        display: block;
        margin: 20px;
        padding: 0 20px 20px 20px;
        position: relative !important;
      }

      cr-toolbar {
        --iron-icon-fill-color: white;
        background-color: var(--google-blue-700);
        color: white;
        min-height: 56px;
        z-index: 2;
      }

      #container {
        align-items: center;
        background-color: lightgray;
        display: flex;
        flex: 1;
        flex-direction: column;
        overflow: overlay;
        position: relative;
      }

      iron-selector a {
        cursor: pointer;
        padding: 16px;
      }

      iron-selector a.iron-selected {
        font-weight: bold;
      }
    </style>

    <cr-toolbar page-name="Device Emulator"
        clear-label="clear"
        autofocus
        search-prompt="Search not working..."
        on-cr-toolbar-menu-tap="onMenuButtonClick_"
        menu-label="Device Emulator"
        role="banner"
        show-menu>
    </cr-toolbar>
    <cr-drawer id="drawer" heading="Device Emulator">
      <div slot="body">
        <iron-selector selectable="a" class="layout vertical"
            selected="{{selectedPage}}">
          <a>
            <iron-icon icon="device-emulator:volume-up" item-icon></iron-icon>
            Audio
          </a>
          <a>
            <iron-icon icon="device-emulator:battery-charging-full" item-icon>
            </iron-icon>
            Battery/Power
          </a>
          <a>
            <iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon>
            Bluetooth
          </a>
          <a>
            <iron-icon icon="device-emulator:mouse" item-icon></iron-icon>
            Input Devices
          </a>
        </iron-selector>
      </div>
    </cr-drawer>
    <div id="container" class="no-outline">
      <iron-pages selected="[[selectedPage]]">
        <audio-settings id="audioSettings"></audio-settings>
        <battery-settings id="batterySettings"></battery-settings>
        <bluetooth-settings id="bluetoothSettings"></bluetooth-settings>
        <input-device-settings id="inputDeviceSettings"></input-device-settings>
      </iron-pages>
    </div>
